html,body{
	height: 100%;
	min-width: 800px;
}
body{
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition: background .8s;
	-o-transition: background .8s;
	transition: background .8s;
}
.iconfont{
	line-height: 1;
}


/***************切换皮肤面板***************/
#change-skin{
	display: none;
	opacity: 0;
	width: 100%;
	padding: 15px;
	background-color: rgba(16, 16, 16, .9);
	overflow: auto;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99999;
}

#change-skin .skin-box{
	width: 80%;
	min-width: 750px;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#change-skin .skin-box:after{
	content: "";
	display: block;
	clear: both;
}
/*换皮肤面板标题*/
#change-skin .skin-title{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	color: #fff;
	text-align: left;
}
/*关闭按钮*/
#change-skin .skin-close{
	font-size: 20px;
	float: right;
	cursor: pointer;
}
#change-skin .skin-close::after{
	content: "";
	display: block;
	clear: both;
}
#change-skin .skin-list,#change-skin .skin-screenshot{
	height: 180px;
	display: inline-block;
	vertical-align: middle;
}
/*皮肤列表*/
#change-skin .skin-list{
	width: 415px;
	margin-right: 15px;
	overflow-y: auto;
}
/*滚动条*/
#change-skin .skin-list::-webkit-scrollbar{
	background-color: #333;
	width: 8px;
	height: 8px;
	border-radius: 5px;
}
#change-skin .skin-list::-webkit-scrollbar-thumb{
	background-color: #fff;
	border-radius: 4px;
}
#change-skin .skin-list ul{
	width: 100%;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	white-space: normal;
}
#change-skin .skin-list ul li{
	display: inline-block;
	width: 100px;
	height: 85px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
	border: 1px solid transparent;
	color: #fff;
	/*background-color: #fff;*/
	float: left;
	cursor: pointer;
	position: relative;
}
#change-skin .skin-list ul li:hover{
	border-color: #4088ef;
}
#change-skin .skin-list ul li.active{
	border-color: #fff;
}
#change-skin .skin-list ul li:nth-child(4n){
	margin-right: 0;
}
#change-skin .skin-list ul li::after{
	content: "";
	display: block;
	clear: both;
}
#change-skin .skin-list ul li>img{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: inherit;
}
#change-skin .skin-list ul li>span{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	line-height: 85px;
	background-color: rgba(0, 0, 0, .6);
	border-radius: inherit;
}
#change-skin .skin-list ul li:hover>span{
	display: block;
}
/*鐨偆鎴浘棰勮*/
#change-skin .skin-screenshot{
	width: 320px;
}
#change-skin .skin-screenshot img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

#change-skin .skin-footer{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	text-align: center;
}
#change-skin .skin-footer .btn{
	padding-left: 30px;
	padding-right: 30px;
	margin-right: 15px;
	outline: none;
}
#change-skin .skin-footer .btn.ok{
	color: #fff;
	background-color: #4088ef;
}
#change-skin .skin-footer .btn.cancel{
	color: #666;
	background-color: #fff;
}



/**************导航条***************/

#nav{
	padding: 5px 15px;
}
#brand{
	padding: 5px 15px 5px 0;
}
#logo{
	height: 100%;
}
#nav .navbar-header{
	width: 16.66666667%;
}
#nav .navbar-nav>li{
	margin-left: 10px;
	margin-right: 10px;
}
#nav .navbar-nav>li>a{
	color: inherit;
}
#nav .navbar-nav.navbar-right>li:not(.user){
	margin-left: 0;
}
/*瀵艰埅鏉″乏杈瑰鑸彍鍗�*/
#nav .navbar-nav{
	font-size: 16px;
}
/*宸﹁竟鑿滃崟涓嬮潰鍔犱竴涓寚绀烘潯*/
#nav .navbar-nav:not(.navbar-right) li.active a:after{
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 4px;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 10px;
}
#nav .navbar-nav>li>a:hover,#nav .navbar-nav>li>a:focus{
	background-color: transparent;
}
#nav .nav .open>a,#nav .nav .open>a:focus,#nav .nav .open>a:hover{
	background-color: transparent;
}

#dropdown{
	font-size: 14px;
}
/*鐢ㄦ埛鍚嶄笅鎷夊彸杈圭殑灏忕澶�*/
#dropdown :first-child .fa{
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}
/*缈昏浆*/
#dropdown.hover :first-child .fa{
	-webkit-transform: rotate(180deg) translateZ(0);
	-o-transform: rotate(180deg) translateZ(0);
	transform: rotate(180deg) translateZ(0);
}
#dropdown .user{
	padding-left: 45px;
}
#dropdown .user img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
}
/*鐢ㄦ埛鍚嶄笅鎷夎彍鍗曞唴瀹�*/
#dropdown .content{
	display: none;
	width: 230px;
	margin-top: 5px;
	position: absolute;
	left: -5px;
}
#dropdown.hover .content{
	display: block;
}
/*涓嬫媺澶村儚閮ㄥ垎*/
#dropdown .content .heading{
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	padding: 15px;
	position: relative;
}
/*鐢ㄦ埛鍚嶄笅鎷夎彍鍗曠澶�*/
#dropdown .content .heading:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-color: inherit;
	position: absolute;
	top: -5px;
	left: 10px;
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*涓嬫媺妗嗗唴瀹瑰ご鍍�*/
#dropdown .content .heading img{
	width: 46px;
	height: 46px;
	margin-right: 10px;
	border-radius: 50%;
}
/*涓嬫媺閫夐」*/
#dropdown .content a{
	text-decoration: none;
	display: block;
	padding: 10px 15px;
}
#dropdown .content ul{
	padding-left: 0;
	list-style-type: none;
}
#dropdown .content ul li{
	cursor: pointer;
}


/***********************涓讳綋閮ㄥ垎*********************/
.main-wrap{
	padding-top: 60px;
}
.main-wrap,.main-left,.main-right{
	height: 100%;
}
.main-left{
	padding: 15px;
}
.main-left .types{
	margin: 0 -15px 30px;
	list-style-type: none;
	padding-left: 0;
	font-size: 15px;
}

.main-left .types li.divider{
	padding: 0;
	margin: 2px 0;
	height: 1px;
}
.main-left .types li a{
	padding: 10px 20px;
	text-decoration: none;
	display: block;
	color: inherit;
}
.main-left .types li a .fa{
	margin-right: 10px;
}
#left-space .progress{
	height: 8px;
	border-radius: 2px;
}
#left-space .space-text{
	font-size: 12px;
}


.main-right{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 15px;
	background-color: #fff;
}

/*鏂囦欢鎿嶄綔鍔熻兘鏉�*/
.main-right .optionbox{
	white-space: nowrap;
	z-index: 2;
	position: relative;
}
.main-right .optionbox .btn-group{
	margin-right: 10px;
}
#file-option{
	display: none;
}
.main-right .optionbox .btn{
	border: 1px solid #000;
}
.main-right .optionbox .btn:hover{
	opacity: .8;
}
.main-right .optionbox .btn:focus{
	box-shadow: none;
}
/*鏇村鎿嶄綔鎸夐挳锛岄粯璁ら殣钘�*/
#restore-btn{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
/*更多操作按钮，默认隐藏*/
#more-btn{
	display: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-left: 15px;
	padding-right: 15px;
}
#more-btn:hover{
	opacity: 1;
}
#more-btn.hover{
	border-bottom-right-radius: 0;
}
#more-btn.hover .more-content{
	display: block;
}
#more-btn .more-content{
	display: none;
	width: calc(100% + 2px);
	border: inherit;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: inherit;
	position: absolute;
	top: 32px;
	right: -1px;
}
#more-btn .more-content ul{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}
#more-btn .more-content ul li{
	border-top: 1px solid;
	padding: 6px 12px;
	cursor: pointer;
}
#more-btn .more-content ul li.disabled{
	opacity: .65 !important;
	cursor: not-allowed;
}
#more-btn .more-content ul li:first-child{
	border-top-color: transparent;
}
#more-btn .more-content ul li:hover{
	opacity: .8;
}
/***********鎼滅储妗�************/
#searchbox{
	width: 25%;
	white-space: nowrap;
	position: absolute;
	right: 20px;
}
#searchbox #searchtext,#searchbox [type="submit"]{
	line-height: 20px;
	padding: 6px 12px;
	border: 1px solid #000;
	float: left;
	outline: none;
}
/*杈撳叆妗�*/
#searchbox #searchtext{
	width: calc(100% - 41px);
	padding-right: 14px;
	border-top-left-radius: 17px;
	border-bottom-left-radius: 17px;
}
/*鎼滅储鎸夐挳*/
#searchbox [type="submit"]{
	margin-left: -1px;
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
}
#clearsearch{
	display: none;
	font-size: 14px;
	line-height: 1;
	position: absolute;
	top: 10px;
	margin-left: -14px;
	cursor: pointer;
}
/*璺緞鏄剧ず*/
.path-box{
	font-size: 13px;
	padding: 6px 0;
}
.path-box:after{
	content: "";
	display: block;
	clear: both;
}
.path-box .file-count{
	float: right;
}
#path.disabled{
	display: none;
}
#path-up{
	color: inherit;
	display: none;
}
#path-up+.divider{
	display: none;
}
#path-up.show{
	display: inline-block !important;
}
#path-up.show+.divider{
	display: inline-block;
}
#path-up.disabled{
	display: none !important;
}
#path-up.disabled+.divider{
	display: none !important;
}

/*鏂囦欢鍒楄〃琛ㄦ牸*/
#file-table{
	display: block;
}
#file-table thead,#file-table tbody{
	max-width: 100%;
	display: block;
	overflow: auto;
}
#file-table thead::-webkit-scrollbar{
	display: none;
}
#file-table tbody{
	/*max-height: 250px;*/
}
/*婊氬姩鏉℃牱寮�*/
#file-table tbody::-webkit-scrollbar{
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #f0f0f0;
}
/*婊氬姩婊戝潡鏉℃牱寮�*/
#file-table tbody::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius: 4px;
}
/*绗�1涓崟鍏冩牸*/
#orderByName,#file-table td[data-field="filename"]{
	width: 60%;
	padding-left: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*绗�2涓崟鍏冨崟鍏冩牸*/
#orderBySize,#file-table td[data-field="size"]{
	width: 15%;
}
/*绗�3涓崟鍏冩牸*/
#orderByTime,#file-table td[data-field="time"]{
	width: 25%;
}
#file-table tr{
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid #000;
	white-space: nowrap;
}
#file-table thead tr{
	padding: 0;
}
#file-table th,#file-table td{
	display: inline-block;
	position: relative;
	user-select: none;
}
#file-table th{
	font-weight: normal;
	padding-top: 11px;
	padding-bottom: 11px;
	cursor: pointer;
}
#file-table td a{
	text-decoration: none;
}
#file-table .fileicon{
	width: 30px;
	height: 30px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../image/fileicon.png);
	background-repeat: no-repeat;
}
/*鏂囦欢澶瑰浘鏍�*/
#file-table tr[data-type="0"] .fileicon{
	background-position: 0 0;
}
/*鏂囦欢鍥炬爣*/
#file-table tr[data-type="1"] .fileicon{
	background-position: -30px 0px;
}
#file-table tr[data-type="1"] .fileicon.image{
	background-position: -60px 0px;
}
#file-table tr[data-type="1"] .fileicon.music{
	background-position: 0px -30px;
}
#file-table tr[data-type="1"] .fileicon.video{
	background-position: -30px -30px;
}
#file-table tr[data-type="1"] .fileicon.word{
	background-position: -60px -30px;
}
#file-table tr[data-type="1"] .fileicon.excel{
	background-position: 00px -60px;
}
#file-table tr[data-type="1"] .fileicon.ppt{
	background-position: -30px -60px;
}
#file-table tr[data-type="1"] .fileicon.txt{
	background-position: -60px -60px;
}
#file-table tr[data-type="1"] .fileicon.app{
	background-position: 0px -90px;
}
#file-table tr[data-type="1"] .fileicon.zip{
	background-position: -30px -90px;
}

#file-table thead .checkbx{
	margin-right: 5px;
	font-size: 18px;
	position: absolute;
	left: 0px;
	top: 13px;
}
#file-table tbody .checkbx{
	margin-right: 5px;
	font-size: 18px;
	position: absolute;
	left: 0px;
	top: 7px;
}
#file-table th .sort{
	display: none;
	font-size: 10px;
    vertical-align: 1px;
    margin-left: 5px;
	-webkit-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}
#file-table th:hover .sort{
	display: inline-block !important;
}
#file-table th .sort:before{
    content: "\f062";
}
#file-table th .sort.active{
	display: inline-block;
}
#file-table th .sort.desc{
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#file-table .checkbx:before{
	content: "\f0c8";
}
#file-table .checkbx.checked:before{
    content: "\f14a";
}


#offline-box{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 15px;
}





@media (max-width: 1024px){
	#more-btn{
		display: block;
	}
	#more-btn~.btn{
		display: none;
	}

	
}






/***************************皮*****肤******************************/

/***************默认皮肤*****************/
.default{
	background-color: #ff80c0;
	background-image: url(../image/skin/default.jpg);
}
.default #nav{
	color: #fff;
}
/*瀵艰埅鑿滃崟*/
.default #nav .navbar-nav>li>a:hover,
.default #nav .navbar-nav>li>a:focus{
	color: #f5f5f5;
}
/*鐢ㄦ埛鍚嶄笅鎷夋偓娴�*/
.default #dropdown .user,
.default #dropdown .user{
	color: inherit !important;
}

/*鐢ㄦ埛鍚嶄笅鎷夎彍鍗曞唴瀹�*/
.default #dropdown .content{
	background-color: #fff;
	color: #ccc;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 5px 0 #e0e0e0;
	box-shadow: 0 2px 5px 0 #e0e0e0;
}
/*涓嬫媺澶村儚*/
.default #dropdown .content .heading{
	color: #fff;
	background-color: #4088ef;
}
/*涓嬫媺閫夐」瀛椾綋棰滆壊*/
.default #dropdown .content ul li a{
	color: #555;
}
.default #dropdown .content ul li:hover{
	background-color: #9ec6ff;
}

/*鏂囦欢绫诲瀷鍒楄〃*/
.default .main-left .types li{
	color: #fff;
}
.default .main-left .types li:hover{
	color: #f9f9f9;
	background-color: rgba(255, 208, 224, 0.5);
}
.default .main-left .types li.active{
	background-color: rgba(255, 208, 224, 0.5);
}
/*鏂囦欢绫诲瀷鍒楄〃涓嬮潰鐨勫垎鍓茬嚎*/
.default .main-left .types li.divider{
	border-bottom: 1px dashed #ffb9dc;
}

/*鍙敤绌洪棿鎸囩ず鏉�*/
.default #left-space .progress{
	background-color: #fff;
	margin-bottom: 5px;
}
.default #left-space .progress-bar{
	background-color: #08fa3b;
}
.default #left-space .space-text{
	color: #f0f0f0;
}

/*宸ュ叿鏉℃寜閽�*/
.default .main-right .optionbox .btn{
	border-color: #ff80c0;
	color: #ff80c0;
	background-color: #fff;
	outline: none;
}
/*涓婁紶鎸夐挳*/
.default #upload-btn{
	color: #fff;
	background-color: #ff80c0;
}

/*鎼滅储妗�*/
.default #searchbox #searchtext{
	background-color: #f0f0f0;
	border-color: transparent;
}
/*鎼滅储鎸夐挳*/
.default #searchbox [type="submit"]{
	color: #777;
	background-color: #f0f0f0;
	border-color: transparent;
}
.default #searchbox [type="submit"]:hover{
	color: #ff80c0;
}
/*娓呴櫎鎸夐挳*/
.default #clearsearch{
	color: #aaa;
}
.default #clearsearch:hover{
	color: #bbb;
}

/*璺緞鏄剧ず*/
.default .path-box{
	color: #ff80c0;
}
.default .path-box .file-count{
	color: #333;
}
.default #path a{
	color: #ff80c0;
}
.default #path .active{
	color: #333;
}



.default #file-table tr{
	border-color: #ff9fcf;
}
.default #file-table th{
	color: #666;
}
.default #file-table th:hover{
	background-color: #f8f8f8;
}
.default #file-table tr{
	color: #666;
}
.default #file-table tbody tr:hover{
	background-color: #fffafc;
}
.default #file-table .checkbx{
	color: #ff80c0;
}
.default #file-table th .sort{
	color: #fa3b9b;
}
.default #file-table td a{
	color: #666;
}
.default #file-table td a:hover{
	color: #ff80c0;
}

/*婊氬姩鏉℃牱寮�*/
.default #file-table tbody::-webkit-scrollbar{
	background-color: #fffafc;
}
/*婊氬姩婊戝潡鏉℃牱寮�*/
.default #file-table tbody::-webkit-scrollbar-thumb{
	background-color: #ffd1e9;
}

@media (max-width: 1024px){
	/*鏇村鎿嶄綔椤�*/
	#more-btn .more-content ul li{
		
	}
}